<!--loading-->
<div class="main">
    <div class="loading">
        <div class="head_renew">
            <img src="../assets/images/arrow-left-white.png" alt="" class="arrow-left" />


            <span class="cut"></span>
            <span class="font7" style="margin-right: 12px">续费</span>
        </div>
    </div>
    <div class="loading_page" style="display:none">

        <div class="loading_page_1">
            <div class="font4">
                正在跳转到HiLens页面，请稍候....
                <div style="margin: 20px auto;width: 40px">
                    <div class="loading_c"></div>
                </div>

            </div>


        </div>

    </div>
    <!--renew-->
    <div class="renewing">
        <div class="table1">
            <div class="tr">
                <span>设备号</span>
                <span>apr1234321</span>
            </div>
            <div class="tr">
                <span>型号</span>
                <span>高阶版</span>
            </div>
            <div class="tr">
                <span>软件版本</span>
                <span>V1.0.5</span>
            </div>
            <div class="tr">
                <span>激活时间</span>
                <span>2021/10/21 18:16:30</span>
            </div>
            <div class="tr">
                <span>到期时间</span>
                <span>2021/10/21 18:16:30</span>
            </div>
            <div class="tr">
                <span>设备状态</span>
                <span></span>
                <span>已过期</span>
            </div>
        </div>
        <div class="onlinerenew" style="display: none;">
            <div>
                <div class="tr">
                    <span>续费方式</span>
                    <button class="license_button">License续费</button>
                    <button class="online_button">在线续费</button>
                </div>
                <div class="toxufei">
                    <span>前往</span>
                    <a>华为云-HiLens管理控制台</a>
                    <span>进行续费</span>
                </div>
            </div>

        </div>
        <div nz-row class="licenserenew" style="display: none;">
            <div class="tr">
                <span>续费方式</span>
                <button class="license_button" style="background-color: #5e7ce0;
        color: #FFFFFF;">License续费</button>
                <button class="online_button" style="background-color: #e9edfa;
        color: black;">在线续费</button>

                <div style="margin-left: 176px;margin-top: 24px;">
                    <input placeholder="点击添加License" style="width: 203px ;height: 30px; " />
                    <nz-upload nzAction="https://www.mocky.io/v2/5cc8019d300000980a055e76" [nzFileList]="fileList" class="nzup">
                        <div class="addfile">添加文件</div>
                    </nz-upload>
                </div>
                <div style="font-family: PingFangSC-Regular;font-size: 12px;color: #9599A4;
        margin-left: 176px;margin-top: 8px;">
                    您可以登录<a>华为云-HiLens管理控制平台</a>，进行续费并下载License文件。在本机上传即可完成续费操作。
                </div>
            </div>
        </div>
        <div class="footer">
            <div class="footer_button">确认</div>
        </div>
    </div>
    <!--success-->
    <div style="background-color:#eef0f5;width: 100%;height: 100%;overflow: hidden;display:none">
        <div style="background-color: white;height: 281px;width: 1160px;margin: 12px auto 4px auto;padding: 25px 40px">
            <div style="margin: auto">
                <nz-result nzStatus="success" nzTitle="续费成功" style="margin-top:0px;padding: 0px">
                    <div class="font5" nz-result-extra style="margin: 0px">
                        激活时间：<span style="color: #F1776C ">2099/02/21 18:06:30</span>
                    </div>
                    <div nz-result-extra>
                        <button class="backtocontrol">返回控制台</button>
                    </div>
                </nz-result>
            </div>
        </div>

    </div>
    <!--fail-->
    <div style="background-color:#eef0f5;width: 100%;height: 100%;overflow: hidden;display:none">
        <div style="background-color: white;height: 281px;width: 1160px;margin: 12px auto 4px auto;padding: 25px 40px">
            <div style="margin: auto">
                <nz-result nzStatus="error" nzTitle="续费失败" style="margin-top:0px;padding: 0px">
                    <div class="font5" nz-result-extra style="margin: 0px">
                        失败原因
                    </div>
                    <div nz-result-extra>
                        <button class="backtocontrol">返回控制台</button>
                    </div>
                </nz-result>
            </div>
        </div>

    </div>
    <!-- 底部 -->

</div>